
.module .module-title {line-height: 24px;}

/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 50px;
	height: 32px;
	background: url(../../images/style/module_badges.png) 0 0 no-repeat;
	z-index: 9;
	 position: absolute;
    right: -8px;
    top: -8px;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -35px; }
.module .badge-free { background-position: 0 -70px; }
.module .badge-new { background-position: 0 -105px; }

/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: none; top:5px; width: 25px; }


/* box Module Variations
---------------------------------------------------------------*/

.mod-box {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);}

/* Note Module Variations
---------------------------------------------------------------*/

.mod-note{padding:0;     margin-bottom: 16px;}

.sinote-note {
	position:relative;
}

.sinote-note .sinote-note-container {
	padding:15px;
	border-radius:2px;
	background-color:#fff;
	position:relative;
	z-index:6;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9), inset 0px 0px 200px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9), inset 0px 0px 200px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9), inset 0px 0px 200px 0px rgba(0, 0, 0, 0), 0px 2px 4px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	background-image:url(sinote-noise-bg.png);
	background-position:left top;
	background-repeat:repeat;
}

.sinote-note .sheet {
	background-color:#fff;
	-webkit-box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	position:absolute;
	z-index:5;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	top:6px;
	left:3px;
	right:3px;
	bottom:-3px;
}

.sinote-note .sheet.sheet2 {
	z-index:3;
	top:6px;
	left:6px;
	right:6px;
	bottom:-6px;
}

.sinote-note .shadow-detail {
	background: transparent !important;
	position:absolute;
	z-index:0;
}

.sinote-note .shadow-detail.bold {
	-webkit-box-shadow:0px 10px 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 10px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0px 10px 10px 1px rgba(0, 0, 0, 0.3);
	height:10px;
	width:40%;
}

.sinote-note .shadow-detail.subtle {
	-webkit-box-shadow:0px 10px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 10px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:0px 10px 1px 1px rgba(0, 0, 0, 0.1);
	height:10px;
	width:40%;
}

.sinote-note .shadow-detail.right {
	right:10px;
	bottom:6px;
	transform: rotate(3deg);
	-ms-transform: rotate(3deg); /* IE 9 */
	-webkit-transform: rotate(3deg); /* Safari and Chrome */
	-o-transform: rotate(3deg); /* Opera */
	-moz-transform: rotate(3deg); /* Firefox */
}

.sinote-note .shadow-detail.left {
	left:10px;
	bottom:6px;
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Safari and Chrome */
	-o-transform: rotate(-3deg); /* Opera */
	-moz-transform: rotate(-3deg); /* Firefox */
}



/* Simple Module Variations
---------------------------------------------------------------*/
.mod-simple {}




/* divider Module Variations
---------------------------------------------------------------*/
.mod-divider h3.module-title  {  background-color: transparent;
    background-image: url("../../images/style/stripes-border.png");
    background-position: 0 100%;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    padding-bottom: 20px;}

/* dottedline Module Variations
---------------------------------------------------------------*/
.mod-dottedline h3.module-title  {
border-bottom: 1px dashed #CCCCCC;
    padding: 0 0 15px;

}


